<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo2</title>
</head>
<body>
    <!-- 空格符 -->
    hello&nbsp;world
    <!-- 小于号 -->
    3&lt;5
    <!-- 大于号 -->
    3&gt;2
    <!-- 图像标签 src 规定显示图像的url     alt 属性 规定图像的替代文本 -->
    <!--    相对路径   -->
    <img src="img/long.jpg" alt="龙" title="龙！" width="100px" height="100px">
    <!--    绝对路径    -->
    <img src="D:\新建文件夹\img\long.jpg" alt="龙" width="100px" height="100px">
    <!-- 超链接标签 href 属性规定链接的链接地址 target 属性规定在何处打开链接 默认是在本窗口中打开链接  _blank 打开新窗口 -->
    <a href="http://cn.bing.com" target="_blank">必应</a>
    <!-- 
        ①a标签不仅可以让文字可以点击，还可以让图片也能够被点击。
        ②一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方。
        ③如果通过a标签的href属性指定一个URL地址，那么必须在地址前面加上http://或https://。
        ④a标签的href属性除了可以绑定一个网络地址以外，还可以指定一个本地的地址。
     -->
    <!-- 图片链接 -->
    <a href="http://cn.bing.com" target="_blank">
        <img src="img/Bing.jpg" title="必应" width="100px" height="140px"></img>
    </a>
    <!-- 指定一个本地的地址 -->
    <a href="demo3.html">demo2</a>
    <!-- ul 无序标签 type属性规定列表的样式
    默认属性是disc实心圆    circle 圆形 square 方块 none 无样式
    li 列表项标签 -->
    <ul type="circle">
            <li>苹果</li>
            <li>香蕉</li>
            <li>橘子</li>
    </ul>
    <!-- ol 有序标签 type属性规定列表的样式
    默认属性是1     li 列表项标签 -->
    <ol type="A">
        <li>java</li>
        <li>HTML</li>
        <li>mysql</li>
    </ol>
    <!-- 菜单列表在浏览器中的显示效果和无序列表是相同的 -->
    <mu>
        <li>周一</li>
        <li>周二</li>
        <li>周三</li>
    </mu>
    
    <!-- 描述列表
        <dl>：开始一个描述列表。
        <dt>jS</dt>：定义术语“jS”。
        <dd>java</dd> 和 <dd>C</dd>：为术语“jS”提供两个描述项，分别是“java”和“C”。
    -->
    <dl>
        <dt>jS</dt>
        <dd>java</dd>
        <dd>C</dd>
    </dl>
</body>
</html>